import 'dart:math';
import 'dart:ui' as prefix0;

import 'package:baby/Entities/Article/Article.dart';
import 'package:baby/Entities/Comment/Comment.dart';
import 'package:baby/UI/Widgets/HtmlContent/HtmlContent.dart';
import 'package:baby/UI/Widgets/UISpecifics/ArticleItem.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/font_awesome.dart';
import 'package:intl/intl.dart' show DateFormat;
class ArticleViewPage extends StatefulWidget {
	@override createState() => _ArticleViewPageState();

	Article article;
	ArticleViewPage({this.article});
}

class _ArticleViewPageState extends State<ArticleViewPage> {
	Future<String> content;
	List<Comment> comments = [];

	@override
  void initState() {
    super.initState();

		//region comments
		var comment0 = Comment(
			content: "ۋاي، بەك يىغلايدىكەنلا.😼",
			dateTime: DateTime.now(),
			likeCount: 10,
			unlikeCount: 3,
		);
		var comment1 = Comment(
				content: "ھە شۇندا",
				dateTime: DateTime.now(),
				likeCount: 10,
				unlikeCount: 3,
				replayTo: comment0
		);
		var comment2 = Comment(
				content: "شۇندامىتە.😼",
				dateTime: DateTime.now(),
				likeCount: 10,
				unlikeCount: 3,
				replayTo: comment1
		);
		var comment3 = Comment(
			content: "بۇ سۆزلەپ كەلسەك گەپ جىق ، بۇ بۇندىن ئىككى ئاي بۇرۇن بولغان ۋەقە . ئەڭ ئاۋۋال توربەتنىڭ ئۈندىدار كىچىك پىروگراممىسىدىن چاتاق چىقتى . يەنى api نىڭ https دىن چاتاق چىقتى. ۋاقتى ئۆتەپ كىتىپتىمىشلەر كىيىن ئۇقسام .شۇنىڭ بىلەن بىرە كۈن ئىيتىشىپ مۇلازىمىتىېرنى ئاندا مۇندا قىلىپ ئىشقىلىپ مالماتاڭ قىلىپ ئېغىلدەكلا قىپ قويدۇم",
			dateTime: DateTime.now(),
			likeCount: 0,
			unlikeCount: 10,
		);
		var comment4 = Comment(
				content: "كاللىسىدىن كەتكەن بالىكەن ما ئۈستىدىكىسى",
				dateTime: DateTime.now(),
				likeCount: 10,
				unlikeCount: 3,
				replayTo: comment3
		);
		//endregion
		comments = [
			comment0,
			comment1,
			comment2,
			comment3,
			comment4,
		];
    content = _fetchData();


  }

  Future<String> _fetchData() async {
		 return """
		 <div class="post-body-img">
                <img src="/pts/2beec1f286c711b0c70320818208a1db.png" alt="">
            </div>
            <div class="post-content">
        	  	  <p>تۆۋەندىكى ناخشا ھوزۇرۇڭلاردا بولسۇن</p>
          	  	<audio>
                	<source src="http://l1l1.izda.cn//user/2019/0208/20190208010920569.mp3">
                </audio>
                <h3 class="mt25">ساندانكى جەدۋەللەر ئارا ئۇلىنىش مۇناسىۋەتلىرى ھەققىدە جۆيلۈمىلەر</h3>
                <div class="post-body">
                    <p>ئاۋۋال ساندان ئۇقىمىغا ئېنىقلىما بەرسەك: چايدان-چاي ساقلايدىغان يەر، كۈلدان-كۈل ساقلايدىغان يەر، مۇشۇ بويىچە سۈزلىسەك ساندان شۇ سانلىق-مەلۇماتلارنى ساقلايدىغان يەر. خەنچىدە 数据库 ئىنگىلىزچىدە database ديمىز.<br/></p><p><br/></p><h2>سانداندىكى جەدۋەللەر ئارا ئۇلىنىش مۇناسىۋەتلىرى ھەققىدە&nbsp;</h2><p>سانلىق مەلۇماتلار ئارا ئۆزئارا مۇناسىۋەت بولمىسا بۇ سانلىق مەلۇماتنىڭ مەۋجۇت بولىشىنىڭ ئەھمىيىتى قالمايدۇ. مەسلەن ئاددىي مىسالدىن بىرنى ئالساق. بىر ئوقۇغۇچى بار، بۇ ئوقۇغۇچى مەلۇم بىر سىنىپ (مەكتەپ)قا تەۋە، بۇ ئوقۇغۇچى بىر كۈندە 8سائەتتە 8خىل دەرىس ئوقۇيدۇ. ھەپتىنىڭ ھەر بىر كۈنىدە ئوقۇيدىغان دەرىس سېتكىسى ئوخشىمايدۇ دىگەندەك. مانا بۇلار سانلىق مەلۇماتلار ئارىسىدىكى مۇناسىۋەت.</p><p><br/></p><h2>سانلىق-مەلۇماتلار ئارىسىدىكى مۇناسىۋەتنىڭ تۈزۈلىشى.</h2><p>سانلىق-مەلۇماتلار ئوتتۇرىسىدىكى مۇناسىۋەت ئادەتتە ئالاقە مودىلى ئارقىلىق ئەمەلگە ئاشىدۇ. ئەمدى بۇ يەردىكى ئالاقە مودىلى دىگىنىمىز ھەقىيقى ئوبىكىت (entity) ۋە مۇناسىۋەت (relationship) دىن ئىبارەت ئىككى نۇقتا ئارقىلىق ئەمەلگە ئاشىدۇ. ئوبىكىتلارنىڭ ئ‍ۆزىنىڭ خاسلىقلىرى بولىدۇ.مۇناسىۋەت دەل ئوبىكىتلار ئارىسىدىكى ئالاقىنى بەلگىلەيدۇ.</p><blockquote><p>مەسىلەن يۇقاردىكى مىسالنى تېخىمۇ ئىنچىكىرەك ئوپراتسىيە قىلساق. مەلۇم بىر ئوقۇغۇچى پەقەت ۋە پەقەت بىرلا سىنىپ(مەكتەپ) كە تەۋە، بۇ ئوقۇغۇچى كۈندە ئوخشىمىغان دەرىس ئوقۇيدۇ. ئۇ ئوقۇغۇچى كۈندە كۆپلىگەن ئوقۇتقۇچىلارنىڭ دەرىسىنى ئاڭلايدۇ. ئوقۇتقۇچىلارمۇ كۆپلىگەن سىنىپلارغا دەرىس بېرىدۇ.</p></blockquote><p><br/></p><h2>بۇلار ئارىسىدىكى مۇناسىۋەت</h2><p>ئوقۇغۇچى-سىنىپ(مەكتەپ) : بىرمۇ-بىر مۇناسىۋەت.</p><p>ئوقۇغۇچى- دەرىس تۈرى: بىرنىڭ كۆپكە بولغان مۇناسىۋەت.</p><p>ئوقۇتقۇچى-ئ‍وقۇغۇچى: كۆپنىڭ كۆپكە بولغان مۇناسىۋەت.</p><p><br/></p><h2>MySQL&nbsp;دىكى joinجۈملىسى</h2><p>كۆپىنچىمىز mysqlساندانى ئىشلىتىمىز. joinجۈملىسىمۇ كۆپ ئۇچرايدۇ. mysqlدىكى joinجۈملىسى دەل سانداندىكى جەدۋەللەر ئارا مۇناسىۋەتنى بىر تەرەپ قىلىدىغان ھالقىلىق مىخانىزىمدىن ئىبارەت.</p><p>&nbsp;</p><p>ساندىكى جەدۋەللەرنىڭ ئۇلىنىشى ئادەتتە تۆۋەندىكىدەك بىر قانچە تۈرلۈك بولىدۇ.</p><blockquote><p>ئىچكى ئۇلىنىش- 内连接 inner join&nbsp;</p><p>سىرتقى ئۇلىنىش- 外连接 outer join</p><p>سول ئۇلىنىش- 左连接 left join</p><p>ئوڭ ئۇلىنىش- 右连接 right join</p><p>تولۇق ئۇلىنىش- 全连接 full join</p></blockquote><p><br/></p><h2>رەسىملىك&nbsp;كۆرسەتمە<br/></h2><p style="text-align: center;"><img src="/storage/uploads/image/2019/03/09/215c2a1f3f06f1894cb914da5d5b734c.png" style="" title="/uploads/image/2019/03/09/215c2a1f3f06f1894cb914da5d5b734c.png"/></p><p style="text-align: center;"><br/></p><p style="text-align: center;"><img src="/storage/uploads/image/2019/03/09/9fae56e3076ae65ef284b4e97ee9a103.png" style="" title="/uploads/image/2019/03/09/9fae56e3076ae65ef284b4e97ee9a103.png"/></p><p style="text-align: center;"><br/></p><p style="text-align: center;"><img src="/storage/uploads/image/2019/03/09/aa62d4c23864b6dc3b83e2e746e413d4.png" style="" title="/uploads/image/2019/03/09/aa62d4c23864b6dc3b83e2e746e413d4.png"/></p><p style="text-align: center;"><br/></p><p style="text-align: center;"><img src="/storage/uploads/image/2019/03/09/0f0e48e8e621e83eb022f258e75333af.png" style="" title="/uploads/image/2019/03/09/0f0e48e8e621e83eb022f258e75333af.png"/></p><p><br/></p><p>ئەمەلىيەتتە بۇ يەردىكى ئاتالمىش جەدۋەللەر ئارا ئۇلىنىش نەق ئىككى جەدۋەلدىكى ئۆز ئارا باغلىنىشى بار ئىككى كالمۇن ئارقىلىق ئورتاقلىققا ئىگە بولغان سانلىق مەلۇمات توپلىمىغا ئېرىشىش دىگەنلىكتۈر. خۇددى بىز تولۇقسىز ماتىماتىكىسىدا&nbsp;ئۆگەنگەن كېسىشمە توپلام، بېرىكمە توپلام، بالا توپلام، ئانا توپلام دىگەندەكلەرگە ئوخشاش ئۇقۇم.</p><p><br/></p><h2>تەييارلىق</h2><p>بۇ يەردە مەن 3 تال جەدىۋەل تەييارلىدىم. ئوقۇغۇچى ئۇچۇرى جەدۋىلى(students)، سىنىپ ئۇچۇرى جەدۋىلى(classroom) ۋە ئوقۇغۇچىلارنىڭ سىنىپقا بۆلۈنۈش ئەھۋالى جەدۋىلى(student_classroom). بۇ جەدۋەلدىكى ئۇچۇرلارنىڭ ئەھۋالى تۆۋەندىكىدەك.</p><p><br/></p><p><img src="/storage/uploads/image/2019/03/09/a4216558a383a0f68d141d3415b6b484.png" style="" title="/uploads/image/2019/03/09/a4216558a383a0f68d141d3415b6b484.png"/></p><p><img src="/storage/uploads/image/2019/03/09/6e2fda6d3bcf83fd8c35b4d36c64312c.png" style="" title="/uploads/image/2019/03/09/6e2fda6d3bcf83fd8c35b4d36c64312c.png"/></p><p><img src="/storage/uploads/image/2019/03/09/a32be98f30573d8e3bb8f196a5d743b1.png" style="" title="/uploads/image/2019/03/09/a32be98f30573d8e3bb8f196a5d743b1.png"/></p><p><br/></p><h2 style="white-space: normal;">تەجرىبە</h2><h3>ئىچكى ئۇلىنىش</h3><p>&nbsp;يەنى inner joinپەقەت A ۋە B دىن ئىبارەت ئىككى جەدۋەلنىڭ ئورتاق قىسمىنى تەكشۈرۈپ چىقىدۇ. مەسىلەن mysqlدا inner join جۈملىسىدىن بىرنى مىسال ئالايلى.</p><p><br/></p><p><img src="/storage/uploads/image/2019/03/09/76c766a36db56607ad344c2f16f1d430.png" style="" title="/uploads/image/2019/03/09/76c766a36db56607ad344c2f16f1d430.png"/></p><p><br/></p><h3>ئوڭ ئۇلىنىش</h3><p>&nbsp;يەنى right joinبولسا A ۋە B دىن ئىبارەت ئىككى جەدۋەلنىڭ ئورتاق قىسمى ۋە A جەدۋەلدىكى بارلىق ئۇچۇرنى تەكشۈرۈپ چىقىدۇ. مەسىلەن mysqlدا right join جۈملىسىدىن بىرنى مىسال ئالايلى.</p><p><img src="http://learnfans.com/storage/uploads/image/2019/03/09/f2460b76b8f3425f6cbb6c55cdcd2d42.png" title="/uploads/image/2019/03/09/f2460b76b8f3425f6cbb6c55cdcd2d42.png" style="white-space: normal;"/></p><p><br/></p><h3>سول ئۇلىنىش</h3><p>&nbsp;يەنى left joinبولسا ئوڭ ئۇلىنىش يەنى right joinنىڭ دەل ئەكسى. ئوڭ ئۇلىنىش&nbsp; A ۋە B دىن ئىبارەت ئىككى جەدۋەلنىڭ ئورتاق قىسمى ۋە B جەدۋەلدىكى بارلىق ئۇچۇرنى تەكشۈرۈپ چىقىدۇ. مەسىلەن mysqlدا left join جۈملىسىدىن بىرنى مىسال ئالايلى.</p><p><img src="http://learnfans.com/storage/uploads/image/2019/03/09/a51e7bf6bb903d6ac286f2341f0d1517.png" title="/uploads/image/2019/03/09/a51e7bf6bb903d6ac286f2341f0d1517.png" style="white-space: normal;"/></p><p><br/></p><h3>تولۇق ئۇلىنىش&nbsp;</h3><p>يەنى full join بۇ ئەڭ ئاددىيىسى. تولۇق ئۇلىنىش A ۋە B دىن ئىبارەت ئىككى جەدۋەلدىكى بارلىق ئۇچۇرنى تەكشۈرۈپ چىقىدۇ. مەسىلەن mysqlدا full join جۈملىسىدىن بىرنى مىسال ئالايلى.<br/></p><p><img src="http://learnfans.com/storage/uploads/image/2019/03/09/69a1577dd337fbee27c06a12827842ef.png" title="/uploads/image/2019/03/09/69a1577dd337fbee27c06a12827842ef.png" style="white-space: normal;"/></p><p><br/></p><h3>گېرەلەشمە ئۇلىنىش</h3><p><br/></p><p><img src="/storage/uploads/image/2019/03/09/a8d47bab0044e317491e41b87b342b5c.png" title="/uploads/image/2019/03/09/a8d47bab0044e317491e41b87b342b5c.png" alt="06.png"/></p><p>يەنە بىر ئالاھىدىرەك ئۇلىنىش شەكلى- گېرەلەشمە ئۇلىنىش (cross join)مۇ بار بولۇپ، A جەدۋەلدە nدانە سانلىق-مەلۇمات، Bجەدۋەلدە mدانە سانلىق مەلۇمات بار دىسەك، ئىككى جەدۋەلنى گېرەلەشمە ئۇلىنىش (cross join) بويىچە بىر تەرەپ قىلغاندىن كىيىن n*m يەنى (n ۋە m نىڭ كۆپەيتىلمىسى) دانە نەتىجە چىقىدۇ.&nbsp;</p><p><br/></p><h2>خۇلاسە<br/></h2><p><br/></p><p><img src="/storage/uploads/image/2019/03/09/5bead9109cecdde273df2256cd95bb6c.jpg" title="/uploads/image/2019/03/09/5bead9109cecdde273df2256cd95bb6c.jpg" alt="05.jpg"/></p><p><br/></p><h2>ئاخىرىدا</h2><p>يېزىپ يېزىپ ئۆزەمنىڭ كاللامۇ قېيىپ كەتتى ھىي، يازمامدا يىتەرسىزلىكلەر بولسا سىلەرمۇ جۆيلۈپ باقمامسىلەر.</p><p><br/></p>
                </div>
		 <h1 style='color: #00A78F; font-size: 22px; font-style: italic;'>شۇنىڭ بىلەن</h1>
		 </p><img src='https://quotesblog.net/wp-content/uploads/2015/10/Funny-Halloween-Pumpkin.jpg'>
<div class="post-index bg-white br10">
                <div display='none'>
                This content cen't be display.
                </div>
            </div>
        </div>
      """;
	}





	@override Widget build(BuildContext context){
		return Scaffold(
			body: FutureBuilder<String>(
				future: content,
				builder: (context, snapshot){
					if (snapshot.hasData)
						return Stack(
							children: <Widget>[
								Padding(
									padding: EdgeInsets.symmetric(horizontal: 20.0),
									child: ListView(
										children: <Widget>[
											SizedBox(height: 70.0,),
											Column(
												children: <Widget>[
													Text(widget.article.cover.title, style: TextStyle(fontSize: 22, fontWeight: FontWeight.bold),),
													SizedBox(
														height: 10.0,
													),
													Row(
														children: <Widget>[
															CircleAvatar(
																radius: 22.0,
															),
															SizedBox(width: 10.0,),
															Column(
																crossAxisAlignment: CrossAxisAlignment.start,
																children: <Widget>[
																	Text("قوزام ئىگە تەرەپ تاراتقۇسى > مۇختەر", style: TextStyle(fontSize: 16),),
																	Text(DateFormat("yyyy/MM/dd hh:mm").format(widget.article.dateTime)),
																],
															),
														],
													),
												],
											),
											Divider(),
											Row(
												children: <Widget>[
													Container(
														height: 15.0,
														width: 2.0,
														color: Theme.of(context).primaryColor,
														margin: EdgeInsets.symmetric(horizontal: 5.0),
													),
													Expanded(child: Text("ساغلاملىق > كومپىيۇتېر ساغلاملىقى"),),
												],
											),
											Wrap(
												children: [
													SizedBox(width: 10.0),
													Icon(FontAwesome.getIconData("eye"), size: 16.0,),
													SizedBox(width: 5.0,),
													Text("15"),
													SizedBox(width: 10.0,),
													Icon(Icons.message, size: 16.0,),
													SizedBox(width: 5.0,),
													Text("6"),
												],
											),
											Padding(
												padding: EdgeInsets.symmetric(
													vertical: 10.0,
												),
												child: HtmlContent(
													staticHtml: snapshot.data, //is html content.
													baseUrl: Uri.parse("http://learnfans.com"),
												),
											),
											Container(
//												child: Row(
//													mainAxisAlignment: MainAxisAlignment.spaceAround,
//													children: <Widget>[
//														IconButton(
//															icon: Icon(Icons.favorite),
//															onPressed: (){},
//														),
//														IconButton(
//															icon: Icon(Icons.share),
//															onPressed: (){},
//														),
//														IconButton(
//															icon: Icon(FontAwesome.getIconData("thumbs-up")),
//															onPressed: (){},
//														),
//														Transform.rotate(
//															angle: pi,
//															child: IconButton(
//																icon: Icon(FontAwesome.getIconData("thumbs-up")),
//																onPressed: (){},
//															),
//														),
//														IconButton(
//															icon: Icon(Icons.more_horiz),
//															onPressed: (){},
//														),
//													],
//												),
												decoration: BoxDecoration(
														color: Color(0x08000000),
														borderRadius: BorderRadius.circular(15.0)
												),
											),
											Divider(),
											Padding(
												padding: EdgeInsets.symmetric(vertical: 10.0),
												child: Row(
													children: <Widget>[
														Container(
															color: Theme.of(context).primaryColor,
															width: 2.0,
															height: 20.0,
														),
														SizedBox(width: 5.0,),
														Text("ئوخشايدىغانلىرى"),
													],
												),
											),
											Divider(),
											if (widget.article.owner?.articles.isNotEmpty)
												...widget.article.owner.articles.getRange(0, 3).map((article) => ArticleItem(article: article, onTap: (){},)),
											Container(
												height: 20.0,
												color: Color(0x10000000),
											),
											...comments.map((comment) => _buildCommentItem(comment)),
											Container(
												alignment: Alignment(0.0, 0.0),
												child: RaisedButton(
													child: Text("ھەممە ئىنكاسنى كۆرۈڭ", style: TextStyle(color: Colors.white),),
													onPressed: (){},
													color: Theme.of(context).primaryColor,
													shape: RoundedRectangleBorder(
															borderRadius: BorderRadius.all(Radius.circular(8.0))
													),
												),
											),
											SizedBox(height: 60.0,)
										],
									),
								),
								Positioned(
									top: 0.0,
									left: 0.0,
									right: 0.0,
									height: 70.0,
									child: ClipRect(
										child: BackdropFilter(
											filter: prefix0.ImageFilter.blur(sigmaX: 50.0, sigmaY: 50.0),
											child: Container(
												color: Colors.white.withOpacity(0.1),
												child: Row(
													children: <Widget>[
														IconButton(
															icon: Icon(Icons.arrow_back_ios),
															onPressed: (){
																Navigator.of(context).pop();
															},
														),
														Spacer(),
														Align(
															alignment: Alignment(0.0, 0.5),
															child: Text("xxxx تاراتقۇسى", style: TextStyle(fontSize: 16.0, color: Theme.of(context).primaryColor, shadows: [Shadow(blurRadius: 1.0, color: Colors.red)]),),
														),
														Spacer(),
														IconButton(
															icon: Icon(Icons.menu),
															onPressed: (){

															},
														),
													],
												),
											),
										),
									)
								),
								Positioned(
									bottom: 0.0,
									height: 50.0,
									left: 0.0,
									right: 0.0,
									child: Container(
										color: Colors.white.withOpacity(0.0),
										child: ClipRect(
											child: BackdropFilter(
												filter: prefix0.ImageFilter.blur(sigmaY: 50.0, sigmaX: 50.0),
												child: Row(
													children: <Widget>[
														IconButton(
															icon: Icon(Icons.favorite),
															onPressed: (){},
														),
														IconButton(
															icon: Icon(Icons.share),
															onPressed: (){},
														),
														Stack(
															children: <Widget>[
																IconButton(
																	icon: Icon(Icons.message),
																	onPressed: (){},
																),
																Positioned(
																	top: 6.0,
																	right: 6.0,
																	child: Container(
																		padding: EdgeInsets.all(1.0),
																		decoration: BoxDecoration(
																			color: Theme.of(context).primaryColor,
																			borderRadius: BorderRadius.circular(5.0)
																		),
																		child: Text("12", style: TextStyle(fontSize: 11.0, color: Colors.white),),
																	)
																),
															],
														),
														Expanded(
															child: Container(
																margin: EdgeInsets.all(5.0),
																padding: EdgeInsets.all(10.0),
																decoration: BoxDecoration(
																	borderRadius: BorderRadius.circular(15.0),
																	color: Colors.black.withOpacity(0.05),
																),
																child: Row(
																	children: <Widget>[
																		Text("ئىنكاس يېزىڭ"),
																	],
																)
															),
														),
														IconButton(
															icon: Icon(Icons.more_horiz),
															onPressed: (){},
														),
													],
												),
											),
										)
									),
								)
							],
						);
					return Center(child: CircularProgressIndicator());
				},
			)
		);
	}


	Widget _buildCommentItem(Comment comment){
		return Column(
			mainAxisSize: MainAxisSize.min,
			crossAxisAlignment: CrossAxisAlignment.start,
			children: <Widget>[
				Row(
					children: <Widget>[
						_buildCommentAvatar(comment),
						Spacer(),
						Transform.rotate(
							angle: 3.14,
							child: IconButton(
								icon: Icon(FontAwesome.getIconData("thumbs-up")),
								onPressed: (){},
							),
						),
						IconButton(
							icon: Icon(FontAwesome.getIconData("thumbs-up")),
							onPressed: (){},
						),
					],
				),
				Padding(
					padding: EdgeInsets.only(bottom: 10, left: 10, right: 10),
					child: Column(
						mainAxisSize: MainAxisSize.min,
						crossAxisAlignment: CrossAxisAlignment.start,
						children: <Widget>[
							if (comment.replayTo != null) _buildReplayCommentItem(comment),
							Text(comment.content),
							if (comment.comments.isNotEmpty) Container(
								alignment: Alignment(0.0, 0.0),
								child: Text("چىكىپ ${comment.comments.length} دانە ئۇچۇرنى كۆرۈڭ", style: TextStyle(color: Theme.of(context).primaryColor), textAlign: TextAlign.center, maxLines: 1, overflow: TextOverflow.ellipsis,),
							)
						],
					),
				),
				Divider(),
			],
		);
	}

	Widget _buildReplayCommentItem(Comment comment){
		return Container(
			color: Color(0x05000000),
			child: Opacity(
				opacity: 0.4,
				child: Row(
					mainAxisSize: MainAxisSize.min,
					children: <Widget>[
						Container(
							width: 1.0,
							height: 40.0,
							color: Colors.black38,
							margin: EdgeInsets.symmetric(horizontal: 10.0),
						),
						Text("@Userrrr", style: TextStyle(color: Theme.of(context).primaryColor),),
						SizedBox(width: 5.0,),
						Expanded(child: Text(comment.replayTo.content, maxLines: 1, overflow: TextOverflow.ellipsis,),)
					],
				),
			),
		);
	}

	Widget _buildCommentAvatar(Comment comment){
		return Wrap(
			children: <Widget>[
				CircleAvatar(
					radius: 15.0,
					backgroundColor: Theme.of(context).primaryColor,
					backgroundImage: NetworkImage("https://banner2.kisspng.com/20180509/zde/kisspng-avatar-youtube-8-ball-pool-user-5af328dc1be026.0480517715258851481142.jpg"),
				),
				Column(
					crossAxisAlignment: CrossAxisAlignment.start,
					children: <Widget>[
						Text("پالانى"),
						Text(DateFormat("yyyy/MM/dd HH:mm:ss").format(comment.dateTime), textDirection: TextDirection.ltr, style: TextStyle(fontSize: 10.0),)
					],
				),
			],
		);
	}
}
